@mixin triangle($r, $direction, $color: #333) {
  position: absolute;
  $width: calc($r * 2);
  width: $width;
  height: $width;

  border: $r solid transparent;
  border-#{$direction}-color: $color;
}